<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>视频</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		
		<link rel="stylesheet" href="../css/mui.min.css">
		<script src="../js/flexible.js" type="text/javascript" charset="utf-8"></script>
		<style>
			html,
			body {
				background-color: #f6f6f6;min-height: 100vh;font-size: 0.373rem;
			}
			ul, ol { list-style:none; } 
			body input[type='text'],ul,li{padding: 0;margin: 0;}
			.clear{clear:both;height:0;font-size:0;line-height:0;visibility:hidden; overflow:hidden;}
			/*顶部*/
			.bd_top_s_img {height: 4.666rem;}
			.bd_top_s_img img{height: 100%;width: 100%;border-radius: 0.1rem;}
			.bd_shipin_top{padding: 0.533rem 0.4rem 0;}
			.bd_shipin{background: #FFFFFF;}
			.top_s_zi_h3{font-size: 0.373rem;color: #353535; margin-top: 0.3rem;}
			.top_s_zi_time{color: #6a6a6a;font-size: 0.293rem;}
			.top_s_zi_all{display: flex;justify-content: space-between;align-items: center;}
			.top_s_zi_sc img{height: 0.4rem;width: 0.45rem;}
			.top_s_zi_sc{display: flex;align-items: center; color:#6a6a6a;}
			.top_s_zi_sc span{color:#6a6a6a ;}
			.bd_shipin_ul{border-top: 1px solid #f4f4f4;margin-top: 0.266rem;padding: 0 0.4rem;}
			.bd_shipin_li{border-bottom:1px solid #f4f4f4 ; padding: 0.4rem 0;display: flex;}
			.bd_shipin_li_img{height: 2.1rem;width: 3.373rem;margin: 0 0.1rem;}
			.bd_shipin_li_img img{height: 100%;width:100%}
			.bd_shipin_li_h3{font-size: 0.416rem;}
			.bd_shipin_li_con{padding-left: 0.466rem;box-sizing: border-box;width: 5.84rem;}
			.bd_shipin_li_p{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
		</style>
	</head>
	<body>
		<!--顶部-->
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">视频</h1>
		</header>
		<div class="my_content mui-content" id="app">
 			<div class="bd_shipin">
 				<div class="bd_shipin_top">
 					<div class="bd_shipin_top_s">
 						<div class="bd_top_s_img">
 							<img src="../images/bd_shi01.png" />
 						</div>
 						<div class="top_s_zi">
 							<h3 class="top_s_zi_h3">漫步在金色的田野上经济考核方式看几点</h3>
 							<div class="top_s_zi_all">
 								<div class="top_s_zi_time">视频时长：53:08</div>
	 							<div class="top_s_zi_sc">
	 								<img src="../images/bd_sc.png"  />
	 								<span>111人收藏</span>
	 							</div>
 							</div>

 						</div>
 					</div>
 				</div>
 				<ul class="bd_shipin_ul">
 					<li class="bd_shipin_li">
 						<div class="bd_shipin_li_img">
 							<img src="../images/bd_shi01.png" />
 						</div>
 						<div class="bd_shipin_li_con">
 							<h3 class="bd_shipin_li_h3">爱8寸蛋糕</h3>
 							<p class="bd_shipin_li_p">味多美,选用全球优质原料,全国300多家...</p>
 							<div class="top_s_zi_all">
 								<div class="top_s_zi_time">视频时长：53:08</div>
	 							<div class="top_s_zi_sc">
	 								<img src="../images/bd_sc.png" />
	 								<span>111人收藏</span>
	 							</div>
 							</div>
 						</div>
 					</li>
 					<li class="bd_shipin_li">
 						<div class="bd_shipin_li_img">
 							<img src="../images/bd_shi01.png" />
 						</div>
 						<div class="bd_shipin_li_con">
 							<h3 class="bd_shipin_li_h3">爱8寸蛋糕</h3>
 							<p class="bd_shipin_li_p">味多美,选用全球优质原料,全国300多家...</p>
 							<div class="top_s_zi_all">
 								<div class="top_s_zi_time">视频时长：53:08</div>
	 							<div class="top_s_zi_sc">
	 								<img src="../images/bd_sc.png" />
	 								<span>111人收藏</span>
	 							</div>
 							</div>
 						</div>
 					</li>
 					<li class="bd_shipin_li">
 						<div class="bd_shipin_li_img">
 							<img src="../images/bd_shi01.png" />
 						</div>
 						<div class="bd_shipin_li_con">
 							<h3 class="bd_shipin_li_h3">爱8寸蛋糕</h3>
 							<p class="bd_shipin_li_p">味多美,选用全球优质原料,全国300多家...</p>
 							<div class="top_s_zi_all">
 								<div class="top_s_zi_time">视频时长：53:08</div>
	 							<div class="top_s_zi_sc">
	 								<img src="../images/bd_sc.png" />
	 								<span>111人收藏</span>
	 							</div>
 							</div>
 						</div>
 					</li>
 				</ul>
 			</div>
		</div>
		<script src="../js/mui.min.js"></script>
		<script src="../js/js.js"></script>
		<script src="../js/vue.min.js" type="text/javascript" charset="utf-8"></script>

 
		<!--<script type="text/javascript">
			var detail = new Vue({
				el: '.body',
				data:{
					collect_icon: '../images/icon_05.png',
				}
			})
		</script>-->

</body>

</html>